

    // 页面初始化
    function init(){
            let index = 1;
            let tab = $('.section-menu-tab>div')
            let curNum = $('.section-menu-num .cur')
            let boxWidth = $('.section-container').width()
            tab.on('click', function(){
                if (tab.hasClass('right-btn')) {
                    if(index < 6) {
                        index++
                    }else {
                        index = 1
                    }
                } else {
                    if(index > 1) {
                        index--
                    }else {
                        index = 1
                    }
                }
                
                curNum.text('0'+index);
                if(!common.isMobile()){
                    $(".case-animate-box").animate({
                        left:-1300*(index-1)
                    })
                } else {
                    // $(".case-animate-box").animate({
                    //     left:-boxWidth*(index-1)
                    // })
                    console.log(boxWidth*(index-1))
                    $(".case-animate-box").css({'transform':'translate3d(-'+boxWidth*(index-1)+'px, 0px, 0px)'})
                }
               
            })
            $(".sample2,.caseTp").click(function(){
                location.href = 'sample-library.html'
            })
            $(".sample-online").click(function(){
                window.location.href = "sample-library.html?id=2"
            })
            $(".case-online").click(function(){
                window.location.href = "sample-library.html?id=3"
            })
            $('.freeTp,.banner-right-txt,.cate-box').click(function(){
                location.href = 'freeTemp.html'
            })
            $('.service-tp').click(function(){
                location.href = 'service.html'
            })
            $(".case-cate>li").click(function(){
                console.log($(this).index())
                $(this).addClass('cur').siblings().removeClass('cur');
                $('.section4 .case-img').eq($(this).index()).show().siblings('.section4 .case-img').hide()
            })
            $(".service-right>div").hover(function(){
                $(".sample-line").show()
            },function(){
                $(".sample-line").hide()
            })
            $(".service-right>span").hover(function(){
                $(".sample-line2").show()
            },function(){
                $(".sample-line2").hide()
            })
            $(".service-bot>h3").hover(function(){
                $(".sample-line3").show()
            },function(){
                $(".sample-line3").hide()
            })
            $(".service-bot>span").hover(function(){
                $(".sample-line4").show()
            },function(){
                $(".sample-line4").hide()
            })
            if(common.isMobile()) {
                $(".service-left,.service-right,.service-bot").addClass("animate__animated animate__fadeInUp")
            }
    }
    /*
    *窗口滚动到当前元素才显示动画效果
    *classname 当前元素的类名
    *effect     要添加的动效类名 参照网址：https://www.dowebok.com/demo/2014/98/*注：需事先引用好animate.min.css 下载地址：https://pan.baidu.com/s/1ntFjwAt
    */
    function then_show (classname,effect) {
        $(window).scroll(function(){
            var curr_element = $('.'+classname);
            var active_class = 'animate__animated animate__'+effect;
            var scroll_h = $(window).scrollTop()+$(window).height();
            var self_top = curr_element.offset().top;
            var self_h = curr_element.height();
            if( (scroll_h > self_top + self_h/2) &&  ( $(window).scrollTop() < self_top + self_h/2) ){
                // 显示动画效果
                curr_element.addClass(active_class);
            }else{
                // 退出动画效果（设置后当重新回到可视区可再次显示动效）
                // 
            
            }
        })
    }
    // then_show('banner-left-txt','fadeInUp');// 调用
    // then_show('banner-right-txt','fadeInUp');// 调用
    if(!common.isMobile()) {
        then_show('service-left','fadeInUp');// 调用
        then_show('service-right','fadeInUp');// 调用
        then_show('service-bot','fadeInUp');// 调用
    }
    then_show('cate-box','fadeInUp');// 调用
    then_show('section-title','fadeInUp');// 调用
    then_show('section-word','fadeInUp');// 调用
    then_show('cate-box','fadeInUp');// 调用
    then_show('reason-header','fadeInUp');// 调用
    then_show('step-box','fadeInUp');// 调用
    then_show('section-case-title','fadeInUp');// 调用
    then_show('section-menu','fadeInUp');// 调用
    then_show('case-box','fadeInUp');// 调用
    then_show('case-header','fadeInUp');// 调用
    then_show('case-cate','fadeInUp');// 调用
    then_show('case-img','fadeInUp');// 调用
    then_show('section-title','fadeInUp');// 调用
    then_show('section-word','fadeInUp');// 调用
    then_show('private-box','fadeInUp');// 调用
    then_show('footer-menu','fadeInUp');// 调用
    then_show('footer-copyright','fadeInUp');// 调用




    init()
    
